<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>李茜茜在线简历</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/detail.css">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"
            integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
            crossorigin="anonymous"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>

</head>

<body>

<div class="nav ">
    <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">
            Css学习展示 <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="./第三天-CSS/study/index.html" target="view_window">学成在线静态首页</a></li>
            <li><a href="./CSS3进阶/27-奔跑的熊大案例.html" target="view_window">奔跑的小熊(CSS3)</a></li>
            <li><a href="./CSS3进阶/25-大数据热点图.html" target="view_window">大数据热点图(CSS3)</a></li>

        </ul>

    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">
            JS学习展示 <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="./第四天-JS基础/冒泡排序.html" target="view_window">冒泡排序</a></li>
            <li><a href="./第四天-JS基础/猜数字游戏.html" target="view_window">猜数字游戏</a></li>
            <li><a href="./第四天-JS基础/正三角星星.html" target="view_window">控制台正三角星星</a></li>
            <li><a href="./第四天-JS基础/ATM.html" target="view_window">简易ATM</a></li>
            <li><a href="./第四天-JS基础/简单计算器.html" target="view_window">简易计算器</a></li>
        </ul>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">
            APIS-DOM学习展示 <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="./第五天-APIS-DOM/发布留言.html" target="view_window">发布留言</a></li>
            <li><a href="./第五天-APIS-DOM/天使跟随鼠标.html" target="view_window">跟随鼠标的天使</a></li>
            <li><a href="./第五天-APIS-DOM/发送短信倒计时案例.html" target="view_window">短信倒计时</a></li>
            <li><a href="./第五天-APIS-DOM/分时显示图片.html" target="view_window">分时显示图片</a></li>
            <li><a href="./第五天-APIS-DOM/密码提醒.html" target="view_window">密码提醒</a></li>
            <li><a href="./第五天-APIS-DOM/密码显示.html" target="view_window">密码显示</a></li>
            <li><a href="./第五天-APIS-DOM/更换皮肤.html" target="view_window">更换皮肤</a></li>
            <li><a href="./第五天-APIS-DOM/获得系统年月日.html" target="view_window">获得系统年月日</a></li>
            <li><a href="./第五天-APIS-DOM/全选按钮.html" target="view_window">全选按钮</a></li>
            <li><a href="./第五天-APIS-DOM/tab切换(index).html" target="view_window">TAB按钮</a></li>
            <li><a href="./第五天-APIS-DOM/下拉菜单.html" target="view_window">下拉菜单</a></li>
            <li><a href="./第五天-APIS-DOM/倒计时.html" target="view_window">倒计时</a></li>
        </ul>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">
            APIS-BOM学习展示 <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="./第六天-APIS-BOM/匀速动画函数封装.html" target="view_window">匀速动画函数封装</a></li>
            <li><a href="./第六天-APIS-BOM/可拖拽登录框.html" target="view_window">可拖拽登录框</a></li>
            <li><a href="./第六天-APIS-BOM/缓动动画函数封装.html" target="view_window">缓动动画函数封装</a></li>
            <li><a href="./轮播图/index2.html" target="view_window">轮播图</a></li>

        </ul>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">
            Vue学习展示 <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="./开始学习vue/图片切换.html" target="view_window">图片切换</a></li>
            <li><a href="./开始学习vue/阿C记事本.html" target="view_window">记事本</a></li>
            <li><a href="./开始学习vue/天知道/天知道.html" target="view_window">天气查询系统</a></li>
            <li><a href="https://yuaintel2.yibusgroup.com/v-font-admin/index.html#/login"
                   target="view_window">访客管理系统</a></li>


        </ul>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                aria-expanded="false">
            移动端学习展示 <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="./移动端布局/H5-JD/JD.html" target="view_window">京东移动端布局(流式布局)</a></li>
            <li><a href="./移动端布局/H5-携程/index.html" target="view_window">携程移动端布局(flex布局)</a></li>
            <li><a href="./H5/1.html" target="view_window">H5+axios的响应式电商界面</a></li>


        </ul>
    </div>
</div>
<div class="head w">
    <img src="images/白底.jpg" alt="">
    <div class="ifo">
        <h2>李茜茜</h2>
        <p>136-3194-5290 丨905141352@qq.com 丨东莞</p>
        <p>微信: 13631945290</p>
        <p>求职意向: Web前端工程师 </p>
        <a href="https://github.com/jujubefoxx/MyWebStudy" target="view_window">源码地址</a>
    </div>

</div>
<div class="word w">
    <div class="edu">
        <h3>教育经历</h3>
        <div class="title">
            <h4 class="left">东莞理工学院</h4>
            <div class="time right">2017年09月 - 2021年06月</div>
        </div>
        <div class="dg">
            <p class=" left">电气工程及其自动化 本科 电子工程与智能化学院</p>
            <p class="right">东莞</p>
        </div>
        <p class="left">主修课程：C语言，matlab，plc，电力系统自动化，电机学，模拟电路，单片机，电力电子，大学物理，DSP等</p>
    </div>
    <div class="work">
        <h3>工作经历</h3>
        <div class="title">
            <h4 class="left">广东源禾智智能科技有限公司</h4>
            <div class="time right">2021年03月 - 至今</div>
        </div>
        <div class="dg">
            <p class=" left">web前端开发 产品研发部</p>
            <p class="right">东莞</p>
        </div>
        <p class="nei left">与后端配合，负责数据面板前端代码的编写、公司运行项目的问题修订及功能升级；使用Vue+ElementUI对源访客小程序的web端后
            台管理系统进行开发，开发h5页面提供访客系统接入，后台通过操作数据库分发请求，管理静态资源；开发源访客小程序，配合后台 开发人员实现产品功能；</p>
    </div>
    <div class="ass">
        <h3>社团和组织经历</h3>
        <div class="title">
            <h4 class="left">东莞理工学院</h4>
            <div class="time right">2019年07月 - 2019年07月</div>
        </div>

        <p>班主任助理</p>
        <p class="nei">
            作为师兄师姐引领新生入学，协助学院完成落实新生工作，承担学生班主任所承担的义务，建立班委团，完成学院分发的各项任务；统筹班里各项事务，提升统筹能力，策划组织班级活动提高班级荣誉感和班级凝聚力，具有一定担当策划能力，能带领班委团很好的完成各项任务。
        </p>
        <div class="title">
            <h4 class="left">职业生涯发展协会</h4>
            <div class="time right">2018年06月 - 2019年06月
            </div>
        </div>

        <p>宣传部部长</p>
        <p>任期一年，锻炼自己的组织策划能力；负责策划职场零距离讲座的展开，组织对部门干事进行设计技术和审美提升的培训以及指导他们完成物资设计的制作与修改；组织策划部门出游团建等内部活动</p>
        <div class="title">

            <h4 class="left">东莞理工学院校园招聘会</h4>
            <div class="time right">2018年11月 - 2018年11月

            </div>
        </div>

        <p>招聘会负责人</p>
        <p>协助就业办负责大型招聘会的工作安排和相关事宜，处理大型招聘会时的突发事件；及时听取企业合理的需求，提供他们所需要的帮助，记录招聘会需要改善或好的地方，并及时向就业办反馈相关情况。
        </p>

    </div>
    <div class="skill">
        <h3>技能/证书及其他</h3>
        <ul>
            <li>

                <p><span>技能: </span> Web前端:html5（精通），css3（精通），Javascript（精通），移动端flex布局（精通），Vue.js（熟练），Node.js（熟练），
                    Linux（掌握），uni-app（熟练）<br/>设计插画：PS（精通），SAI（精通） <br/>语言：C/C++ （熟练）</p>
            </li>
            <li>

                <p><span>语言：</span> 普通话（二甲），英语（CET-4）
                </p>
            </li>
            <li>

                <p><span>兴趣爱好：</span> 设计，编程，绘画
                </p>
            </li>
            <li>

                <p><span> 活动：</span> 班级公众号（运营）
                </p>
            </li>

            <!-- 用时一小时十分钟！ -->
        </ul>

    </div>

    <!-- 补充一个微信二维码 -->
    <div class="box">
        <img src="images/叉.png" alt="" class="wrong">
        <p>扫码添加微信</p>
        <img src="images/wechat.jpg" alt="" class="wechat">
        <script>
            // 1.获取元素
            const wrong = document.querySelector('.wrong');
            const box = document.querySelector('.box');
            // 2.绑定事件
            wrong.onclick = function () {
                box.style.display = 'none';
            }
        </script>
    </div>

    <div class="footer w">
        <!-- 一个计时器 -->
        <h2>赋予热爱已经</h2>
        <span class="day">00</span>
        <span class="hour">00</span>
        <span class="min">00</span>
        <span class="sec">00</span>

    </div>
    <script src="./js/animate.js"></script>
</div>
<footer class="page-footer">
    <p>© 2021 李CC/jujubefoxx 文档最后更新时间为
        <time>2021年09月07日</time>
    </p>
</footer>
</body>

</html>
